﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<Ctef.Web.Models.MainPage>" %>

<%@ Import Namespace="Ctef.Web.Resources.Home" %>
<%@ Import Namespace="Ctef.Web.Resources.Shared" %>
<asp:Content ID="Content1" ContentPlaceHolderID="LeftContent" runat="server">
    <div id="projectContainer" style="display:none">
        <h2 style="padding-left: 20px;"><%= Strings.Home_SchoolProjects %></h2>
        <table width="840px" border="0" cellpadding="0" cellspacing="0" style="margin-bottom: 20px;">
            <tr>
                <td style="width: 35%; text-align: center; padding-left: 80px;">
                    <project1><%= Strings.Home_CurrentProjects %></project1>
                </td>
                <td style="width: 15%; text-align: left; padding-right: 20px;">
                    <project2><a href="<%= Url.Content("~/Programs/SchoolRenovation") %>"><%= Strings.Home_ReadMore %></a></project2>
                </td>
                <td style="width: 35%; text-align: center; padding-left: 80px;">
                    <project1><%= Strings.Home_PastProjects %></project1>
                </td>
                <td style="width: 15%; text-align: left; padding-right: 20px;">
                    <project2><a href="<%= Url.Content("~/Programs/SchoolRenovation#PastProjects") %>"><%= Strings.Home_ReadMore %></a></project2>
                </td>
            </tr>
        </table>
        <table width="840px" border="0" cellpadding="0" cellspacing="0" style="margin-bottom: 15px;">
            <tr>
                <td style="width: 150px; padding-left: 20px;">
                    <img src="<%= Url.Content("~/Images/ProjectSamplePicture.jpg") %>" width="148" height="97" />
                </td>
                <td style="width: 270px; padding-left: 20px; padding-right: 20px;">
                    <h3><!-- Project Name --></h3>
                    <p><!-- Project description. --></p>
                </td>
                <td style="width: 150px; padding-left: 20px;">
                    <img src="<%= Url.Content("~/Images/disun_after.png") %>" width="148" height="97" />
                </td>
                <td style="width: 270px; padding-left: 20px; padding-right: 20px;">
                    <h3>Di Sun School</h3>
                    <p><!-- Project description. --></p>
                </td>
            </tr>
        </table>
        <table width="840px" border="0" cellpadding="0" cellspacing="0" style="margin-bottom: 15px;">
            <tr>
                <td style="width: 150px; padding-left: 20px;">
                    <img src="<%= Url.Content("~/Images/AlmostCompleted2.jpg") %>" width="148" height="97" />
                </td>
                <td style="width: 270px; padding-left: 20px; padding-right: 20px;">
                    <h3><!-- Project Name --></h3>
                    <p><!-- Project description. --></p>
                </td>
                <td style="width: 150px; padding-left: 20px;">
                    <img src="<%= Url.Content("~/Images/jiangcun_after.png") %>" width="148" height="97" />
                </td>
                <td style="width: 270px; padding-left: 20px; padding-right: 20px;">
                    <h3>Jiang Cun School</h3>
                    <p><!-- Project description. --></p>
                </td>
            </tr>
        </table>
    </div>
    <div id="newsAndSideBarContainer">
        <table width="840px" border="0" cellpadding="0" cellspacing="0" style="margin-bottom: 15px;">
            <tr>
                <td style="width: 570px; border-right: 1px solid #CCCCCC; padding-left: 20px; padding-right: 20px">
                    <a class="heading2" href="http://www.ctef.org/blog">
                        <h2><%= Strings.Home_News %></h2></a>
                    <div class="blogbox">
                        <script src="http://feeds.feedburner.com/CtefBlog?format=sigpro" type="text/javascript"></script>
                        <noscript>
                            <p>
                                <%= Strings.Home_SubscribeRss %><a href="http://feeds.feedburner.com/CtefBlog"></a>
                                <br />
                                <%= Strings.Home_FeedBurner %></p>
                        </noscript>
                    </div>
                </td>
                <td style="vertical-align: top;">
                    <table>
                        <!-- Featured events -->
                        <tr>
                            <td style="width: 270px; border-bottom: 1px solid #CCCCCC; padding-left: 20px; padding-bottom: 10px">
                                <h2><%= Strings.Home_FeaturedEvents %></h2>
                                <% foreach (var e in Model.FeaturedEvent)
                                   { %>
                                <h3><%= e.Name %></h3>
                                <p><%= e.Date %>, <%= e.Location %></p>
                                <% } %>
                            </td>
                        </tr>
                        <!-- Social links -->
                        <tr>
                            <td style="border-bottom: 1px solid #CCCCCC; padding-left: 20px;">
                                <h2>
                                    <%= Strings.Home_Socials %></h2>
                                <% foreach (var s in Model.FollowUs)
                                   { %>
                                <a href="<%= s.Link %>">
                                    <img src="<%= Url.Content(s.Icon) %>" alt="<%= s.Name %>" style="width:106px;margin-right:20px;margin-bottom:10px;" /></a>
                                <% } %>
                                <!-- Facebook "Like" link is not in the XML data: it is an iframe instead of a static link. -->
                                <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.ctef.org%2F&amp;layout=standard&amp;show_faces=false&amp;width=187&amp;action=like&amp;colorscheme=light"
                                    scrolling="no" frameborder="0" style="border: none; overflow: hidden; width: 230px;
                                    height: 35px"></iframe>
                            </td>
                        </tr>
                        <!-- Partners -->
                        <tr>
                            <td style="border-bottom:1px solid #CCCCCC;padding-left: 20px;display:none;">
                                <h2>
                                    <%= Strings.Home_Partners %></h2>
                                <% foreach (var s in Model.Partners)
                                   { %>
                                <a href="<%= s.Link %>">
                                    <img src="<%= Url.Content(s.Icon) %>" alt="<%= s.Name %>" style="margin-right: 10px; margin-bottom: 10px;" /></a>
                                <% } %>
                            </td>
                        </tr>
                        <!-- Sponsors -->
                        <tr>
                            <td style="padding-left:20px;display:none;">
                                <h2>
                                    <%= Strings.Home_Sponsors %></h2>
                                <% foreach (var s in Model.Sponsors)
                                   { %>
                                <a href="<%= s.Link %>">
                                    <img src="<%= Url.Content(s.Icon) %>" alt="<%= s.Name %>" style="margin-right: 10px; margin-bottom: 10px;" /></a>
                                <% } %>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    </div>
</asp:Content>
